<template>
  <div>
    <table class="table1">
      <tr v-for="(item,index) in tableData" :key="index">
          <td>{{item.t1}}</td>
          <td>{{item.t2}}</td>
          <td>{{item.t3}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'page1-tab1',
    data () {
      return {
        tableData: [
          { t1: '手册的一致性和准确性', t2: '人机交互界面操作与其相应的文档的一致、准确', t3: '通过' },
          { t1: '界面的规范性', t2: '人机交互界面的规范、合理和一致', t3: '通过' },
          { t1: '界面元素的易理解性', t2: '人机交互界面通过适当的术语、图形表示、背景信息和帮助，帮助用户理解、使用\n' +
              '产品提供的各种人机交互界面上的窗口、菜单、图标、文字、鼠标等界面元素让用户准确明白其含义和用途', t3: '通过' },
          { t1: '易浏览性', t2: '具有必要的信息，指导用户使用程序\n' +
              '输出结果应简洁、直观、方便阅读、易懂和使用\n' +
              '人机界面风格相对一致；在', t3: '通过' },
          { t1: '易操作性', t2: '提供辅助输入手段（如选择输入、默认值等），数据检索方便、灵活\n' +
              '安装参数应当给出默认值或提示', t3: '通过' },
          { t1: '辅助工具', t2: '提供图形化的辅助工具，包括导入/导出、客户端、备份还原等', t3: '通过' },
          { t1: '性能监测', t2: '支持对数据库运行状况和性能的监测、跟踪、统计以及控制，提供会话、SQL执行、系统缓存、系统I/O、事务与锁等方面的数据库运行状态和性能信息', t3: '通过' },
          { t1: '数据库迁移', t2: '支持包括与国内外异构数据库、EXCEL文件、文本文件等的迁移，迁移对象包括数据库、模式、表单、数据、大对象、约束等', t3: '通过' },
        ]
      }
    }
  }
</script>

<style scoped lang="scss">
.table1{
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  th,td{
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255,.2);
    white-space: pre-wrap;
  }
}
</style>
